import React, { useState } from 'react'

function App() {
  // 定义了 状态为 count，初始值为10，修改该状态的方法为setCount
  // 修改的函数名称 必须是 以 set 开头的小驼峰式的
  const [ count, setCount ] = useState(10)

  const reduce = () => {
    setCount(count - 1)
  }
  return (
    <div>
      <button onClick = { () => {
        // 修改状态的函数内部的值 为运算之后的结果
        setCount(count + 1)
      }}>加1</button> { count }
      <button onClick = { reduce }>减1</button>
    </div>
  )
}

export default App
